<!doctype html>
<html>
	<head>
		<title>返佣详情</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta content="telephone=no" name="format-detection" />
		<meta id="vieport" name="viewport" content="width=640, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5">
		<script src="js/jquery-1.8.0.min.js"></script>
		<script src="js/jquery.nicescroll.js"></script>
        <script type="text/javascript" src="js/jquery.cookie.js"></script>
		
		<script type="text/javascript" src="js/jquery.getparm.js"></script>
		<script type="text/javascript" src="./js/home.js?version=0310"></script>
		<link rel="stylesheet" type="text/css" href="./css/home.css?version=0310" />
		<link rel="stylesheet" type="text/css" href="./css/common.css?version=0310" />
		<link rel="stylesheet" type="text/css" href="common.css">
        <script type="text/javascript" src="js/common.js?version=0310"></script>
		<script language="javascript">
			//var a=$.getUrlParam('OI_NATURE_FID');
			var b=$.getUrlParam('COI_ORDER_FID');
			var a=$.cookie("NP_INFO_ID");
			var c=$.cookie("U_KEY");
			$(function (){
				$.natureajax({
					type: "get",
					url:jsonserver+"msg_getMsgDetail.do?callback=?",
					dataType:"jsonp",
					data:"MSG_NATURE_FID="+a+"&ukey="+c+"&MSG_ORDER_FID="+b,
					success:function(json){
					var data = json[1].data;
						if(data.length>0){
							//有消息进行遍历
							data=data[0];
							var tjriqi=data.oi_dealdate.substr(0,10).split('/');
							var tjnian=tjriqi[0];
							var tjyue=tjriqi[1];
							var tjri=tjriqi[2];
							var blriqi=data.oi_predeal_date.split('/');
							var blnian=blriqi[0];
							var blyue=blriqi[1];
							var blri=blriqi[2];
							var psriqi=data.bs_send_date.split('/');
							var psnian=psriqi[0];
							var psyue=psriqi[1];
							var psri=psriqi[2];
							var _html='';
							 _html  +='<div style="margin-left:2%;width:96%;" ><div style="margin-left:2%;width:96%;"><table style="height:83px;width:100%;">'
									+'<tr><td style="height:83px;width:14%;"><div class="dianliang"><div class="shang">推荐</div><div class="xia">1</div></div></td >'
									+'<td style="height:83px;width:14%;"><div class="jiantou1"></div></td><td style="height:83px;width:14%;"><div class="dianliang">'
									+'<div class="shang">办理</div><div class="xia">2</div></div></td><td style="height:83px;width:14%;"><div class="jiantou2"></div>'
									+'</td><td style="height:83px;width:14%;"><div class="dianliang"><div class="shang">派送</div><div class="xia">3</div></div></td>'
									+'<td style="height:83px;width:14%;"><div class="jiantou1"></div></td><td style="height:83px;width:14%;"><div class="dianliang"><div class="shang">返佣</div><div class="xia">4</div>'
									+'</div></td></tr></table></div><div style="height:27px;;width:100%;margin-top:10px;position:relative;"><div style="width: 100%">'
									+'<table width="100%"  cellpadding="0" cellspacing="0" border="0"><tr style="height:27px" ><td style="width:15px;background:url(\'img/line_left.png\')"></td>'
									+'<td style="background:url(\'img/line_conter.png\')"></td><td style="width:15px;background:url(\'img/line_right.png\')"></td></tr>'
									+'<tr><td style="width:1px;background:url(\'img/yy_left.png\')  repeat-y right top" ></td><td><div><span style="margin-left:10%;;font-size:27px;font-family:\'微软雅黑\';">推&nbsp;&nbsp;荐&nbsp;&nbsp;号:</span><span style="margin-left:2%;font-size:26px;color:blue;font-family:\'微软雅黑\';">'+data.oi_id+'</span>'
									+'</div><div style="margin-left:10%;width:80%;height:5px;background:url(\'img/line.png\')"></div><div><span class="changyong">推荐时间:</span><span class="changyong">'+tjnian+'年'+tjyue+'月'+tjri+'日</span>'
									+'</div><div><span class="changyong">办理状态:</span><span class="changyong">已派送</span></div><div><span class="changyong">办理时间:</span><span class="changyong">'+blnian+'年'+blyue+'月'+blri+'日</span>'
									+'</div><div><span class="changyong">派送状态:</span><span style="margin-left:10%;color:#009933;font-size:25px;font-family:\'微软雅黑\';">已办理</span></div><div>'
									+'<span class="changyong">派送时间:</span><span class="changyong">'+psnian+'年'+psyue+'月'+psri+'日</span></div><div><span class="changyong">返佣状态:</span><span style="margin-left:10%;color:#009933;font-size:25px;font-family:\'微软雅黑\';">'+data.oi_step_desc+'</span>'
									+'</div><div><span style="margin-left:12%;color:red;font-size:25px;font-family:\'微软雅黑\';">&nbsp;&nbsp;&nbsp;&nbsp;'+data.msg_text+'</span></div>'
									+'<div class="fangkuang">客户信息</div><div><span class="changyong2">客户姓名:</span><span class="changyong">'+data.cust_name+'</span></div><div><span class="changyong2">客户电话:</span><span class="changyong">'+data.cust_tel+'</span>'
									+'</div></div><div class="fangkuang">业务信息</div><div><div><span class="changyong2">业务类型:</span><span class="changyong">'+data.oi_business_type_name+'</span>'	
									+'</div><div><span class="changyong2">手&nbsp;&nbsp;机&nbsp;&nbsp;号:</span><span class="changyong">'+data.oi_deal_phoneno+'</span></div><div>'	
									+'<span class="changyong2">受&nbsp;&nbsp;理&nbsp;&nbsp;号:</span><span style="margin-left:10%;font-size:25px;font-family:\'微软雅黑\';">'+data.msg_order_no+'</span></div><div style="height:20px;">&nbsp;</div></td>'	
									+'<td style="width:1px;background:url(\'img/yy_right.png\') repeat-y"></td></tr><tr><td style="height:10px;" ></td>'	
									+'<td style="height:10px;background:url(\'img/icon_bowei.png\')" ></td>'	
									+'<td style="height:10px;" ></td></tr></table><div style="height:20px;"></div></div></div></div>'
							 $("#xiangqing").append( _html);
							
						}else{
							$("#xiangqing").append("<div style='color:red;text-align:center;font-size:30px;'>没有详细信息...</div>");
						}
					},
					error:function(){
					alert("出错了!");
					}
					
				})
					
			})		
		</script>
		<style>
		.fangkuang{
			font-size:27px;	
			color:#ffffff;
			background-color:#00ADE1;
			border-style:solid;
			border-radius:7px;  
			border-color:#00ADE1;
			margin-left:10%;
			width:130px;
			text-align:center;
			}
		.shang{
			text-align:center;
			margin-top:6px;
			color:#ffffff;
			font-size:25px;
			}
		.xia{
			text-align:center;
			margin-top:20px;
			color:#268ABE;
			font-size:20px;
			}
		.dianliang{
			background:url('img/xiangdan_liang.png');
			height:83px;
			width:100px;
			}
		.an{
			background:url('img/xiangdan_an.png');
			height:83px;
			width:100px;
			}
		.jiantou1{
			background:url('img/xiangdan_wjiantou1.png')no-repeat;
			height:45px;
			width:45px;
			}
		.jiantou2{
			background:url('img/xiangdan_wjiantou2.png')no-repeat;
			height:45px;
			width:45px;
			}
		.changyong{
			margin-left:10%;
			font-size:25px;
			font-family:'微软雅黑';
			}
		.changyong2{
			margin-left:12%;
			font-size:25px;
			font-family:'微软雅黑';
			}
		</style>
	</head>
<body onResize="resize()">
	<div id="bodyobj" class="bigimg" style="overflow: hidden;">
		<div id="header" style="width:100%">
			<div id="header" style="text-align:center; line-height:87px;" class="header">
          <table width="100%">
            <tr>
              <td class="menuTd" id="menuBtn" >返回</td>
              <td style=" text-align:center;font-size:32px; color:#fff;">返佣详情信息</td>
			  <td width="18%"></td>
            </tr>
          </table>
        </div>
		<div id="home1" style="width:100%;height:300px;">
			<div id="xiangqing">
				<!--页面主体开始-->
				
				<!--页面主体结束-->
			</div>
		</div>
		</div>
	</div>
</body>
</html>